.warning-detail {
	display: flex;
	flex-direction: column;
	min-width: calc(1440px - 13rem) !important;
	height: 100%;
	background-color: var(--color-bg-2);

	.breadcrumb {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.container {
		position: relative;
		margin: 0 1.5rem;
		padding: 1rem 1.5rem;
		overflow-y: auto;
		background-color: var(--color-bg);

		.header {
			.page-label {
				margin-bottom: 0;
			}

			.link {
				text-decoration: none;
			}

			.row {
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.task-info {
				display: flex;
				justify-content: space-between;
				padding: 0 0 16px 0;
				color: var(--color-text-0);
				.value {
					display: inline-block;
					margin-left: 1rem;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					&:last-child {
						margin-right: 1rem;
					}
				}
				.item {
					min-width: 14rem;
					padding-right: 7.5rem;

					&:first-child {
						margin-left: 1rem;
					}
					.value {
						display: inline-block;
						white-space: nowrap;
					}

					.target {
						min-width: 14rem;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
				}
			}
		}
		.ant-table {
			.resolved {
				color: var(--color-4);
			}

			.not-resolved {
				color: var(--color-error) !important;
			}

			.ignored {
				color: var(--color-text-2);
			}
		}

		.table {
			max-height: 42rem;
			overflow: auto;
			.title {
				width: 20rem;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

			.batch-btn {
				margin: 0;
			}

			td,
			th {
				height: 3.5rem !important;
			}
		}

		.ignore-btn {
			position: relative;
			bottom: 2.5rem;
			left: 0.5rem;
			height: 1rem;
			line-height: 1rem;
			background: var(--color-bg-1);
		}
	}
}

.suggest-modal {
	.paragraph {
		max-width: 50em;
		margin-bottom: 1rem;
		padding-left: 1rem;
		word-wrap: normal;
		word-break: break-all;
	}

	.actions {
		position: relative;
		left: 50%;
		display: flex;
		justify-content: center;
		width: 30rem;
		margin-top: 1rem;
		margin-left: -15rem;
	}
}

.suggest {
	color: var(--color-0);

	.actions {
		text-align: center;
	}
}

.rc-dialog-mask {
	z-index: 100 !important;
}
.linkBtn {
	color: var(--color-6);
}
:global {
	.ant-table {
		.ant-table-tbody > tr.ant-table-row-selected > td {
			background-color: #fff;
		}
		.ant-table-wrapper {
			min-height: 282px;
		}
	}
}
:global {
	.ant-checkbox {
		&:hover {
			border-color: #0b6fd6 !important;
		}
	}
	.ant-checkbox.ant-checkbox-checked {
		.ant-checkbox-inner {
			background-color: #0b6fd6 !important;
			border-color: #0b6fd6 !important;
		}
	}
}
:global {
	.ant-table-tbody > tr > td,
	.ant-table-thead > tr > th,
	.ant-table tfoot > tr > td,
	.ant-table tfoot > tr > th {
		max-width: 200px;
		overflow: hidden;
		font-weight: normal;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.ant-table-wrapper {
		min-height: 282px;
	}
}
.df {
	display: flex;
	align-items: center;
	justify-content: end;
}
:global {
	.newtable #tableAntd.ant-table .ant-table-tbody {
	}
}
.newtable {
	:global {
		.ant-table-measure-row > td:first-child {
			min-width: 56px !important;
		}
		.ant-table-selection-column {
			min-width: 56px !important;
		}
	}
}
.resolved {
	color: var(--color-4) !important;
}

.not-resolved {
	color: var(--color-error) !important;
}

.ignored {
	color: var(--color-text-2) !important;
}
.mt1rem {
	margin-top: 1rem;
}
.nobor {
	height: 210px;
	border: none !important;
}
:global {
	.ant-table-wrapper {
		min-height: 280px;
	}
	.ant-table-tbody > tr > td,
	.ant-table-thead > tr > th,
	.ant-table tfoot > tr > td,
	.ant-table tfoot > tr > th {
		max-width: 200px;
		overflow: hidden;
		font-weight: normal;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}
.ell {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bread-item {
	color: var(--color-text-2);
	&:hover {
		color: var(--color-5);
	}
}
